﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="list-resources.ascx.cs" Inherits="templates_admin_usercontrols_list_resources" %>
<div class="box corners shadow">
    <div class="box-header">
        <h2>
            <img src="../templates/admin/images/document-open.png" style="width:40px; height:40px; margin-top:-10px; position:absolute;" />
            <asp:Label ID="lbTitle" runat="server" Text="Danh sách tài nguyên" style="margin-left:40px"></asp:Label>
        </h2>
        <div class="box-header-ctrls">	
        	<a href="javascript:void(null);" title="" class="close"><!-- --></a>
        </div>
    </div>
    <div class="box-content" id="media-3">
        <div class="inbox-sf">
           <asp:TextBox ID="txtTuKhoaVn"  CssClass="input-1" runat="server" onFocus="if(this.value=='Từ khóa...')this.value='';" onBlur="if(this.value=='')this.value='Từ khóa...';">Từ khóa...</asp:TextBox>
            
            <select name="" class="select-1">
                <option value="">----- Tất cả -----</option>
                <option value="">Web</option>
                <option value="">Virus</option>
            </select>            
            <asp:Button ID="btnTim" runat="server" Text="Tìm" CssClass="inbox-sf-search-btn" />
            
           <asp:Button ID="btnThem" runat="server" Text="Thêm" 
                CssClass="inbox-sf-add-btn tip" ToolTip="Thêm tài nguyên mới" 
                onclick="btnThem_Click" />           
                       
        </div>
    	<div id="media-head-3">
        
            <ul class="filter-by-cat">
                <li><b>Chuyên mục:</b></li>
                <li><a href="#" title="" class="gradient-btn selected">Tất cả</a></li>
                <li><a href="#" title="" class="gradient-btn">Web</a></li>
                <li><a href="#" title="" class="gradient-btn">Virus</a></li>
                <li><a href="#" title="" class="gradient-btn">Office</a></li>
            </ul>
       		<ul class="filter-by-date">
            	<li><b>Ngôn ngữ:</b></li>
                <li><a href="#" title="Hiển thị Tiếng việt" class="gradient-btn selected tip">Tiếng Việt</a></li>
                <li><a href="#" title="Show English" class="gradient-btn tip">English</a></li>
            </ul>
            
       		<ul class="filter-by-date" style="margin-right:30px">
            	<li><b>Sắp theo ngày:</b></li>
                <li><a href="#" title="Sắp tăng theo ngày" class="gradient-btn selected tip">Tăng</a></li>
                <li><a href="#" title="Sắp giảm theo ngày" class="gradient-btn tip">Giảm</a></li>
            </ul>
            
        </div><!-- END "#media-head-1" -->                
        <ul id="media-files-3">
            <li>
                <a href="../uploads/image-activities/hahd3.png" title="The item title can be placed here" class="pirobox_media3">
                	<img src="../uploads/image-activities/hahd3.png" alt="" width="100px" height="100px"/>
                </a>
                <h2>Tiêu đề tài nguyên</h2>
                <p>Mô tả tài nguyên nằm vị trí này nhé tí! Nhớ đấy!</p> 
                <em>Ngày: 10-10-2010 | Chuyên mục: Website</em>
                    <div class="media-ctrls-3">
                       <input type="checkbox" name="" />                       
                       <a href="#" title="" class="gradient-btn">Sửa</a> 
                       <a href="javascript:void(null);" title="" class="delete-media gradient-btn">Xóa</a>
                    </div>
            </li>
            <li>
                <a href="../uploads/image-activities/hahd3.png" title="The item title can be placed here" class="pirobox_media3">
                	<img src="../uploads/image-activities/hahd3.png" alt="" width="100px" height="100px"/>
                </a>
                <h2>Tiêu đề tài nguyên</h2>
                <p>Mô tả tài nguyên nằm vị trí này nhé tí! Nhớ đấy!</p> 
                <em>Ngày: 10-10-2010 | Chuyên mục: Website</em>
                    <div class="media-ctrls-3">
                       <input type="checkbox" name="" />                       
                       <a href="#" title="" class="gradient-btn">Sửa</a> 
                       <a href="javascript:void(null);" title="" class="delete-media gradient-btn">Xóa</a>
                    </div>
            </li>
            <li>
                <a href="../uploads/image-activities/hahd3.png" title="The item title can be placed here" class="pirobox_media3">
                	<img src="../uploads/image-activities/hahd3.png" alt="" width="100px" height="100px"/>
                </a>
                <h2>Tiêu đề tài nguyên</h2>
                <p>Mô tả tài nguyên nằm vị trí này nhé tí! Nhớ đấy!</p> 
                <em>Ngày: 10-10-2010 | Chuyên mục: Website</em>
                    <div class="media-ctrls-3">
                       <input type="checkbox" name="" />                       
                       <a href="#" title="" class="gradient-btn">Sửa</a> 
                       <a href="javascript:void(null);" title="" class="delete-media gradient-btn">Xóa</a>
                    </div>
            </li>
            <li>
                <a href="../uploads/image-activities/hahd3.png" title="The item title can be placed here" class="pirobox_media3">
                	<img src="../uploads/image-activities/hahd3.png" alt="" width="100px" height="100px"/>
                </a>
                <h2>Tiêu đề tài nguyên</h2>
                <p>Mô tả tài nguyên nằm vị trí này nhé tí! Nhớ đấy!</p> 
                <em>Ngày: 10-10-2010 | Chuyên mục: Website</em>
                    <div class="media-ctrls-3">
                       <input type="checkbox" name="" />                       
                       <a href="#" title="" class="gradient-btn">Sửa</a> 
                       <a href="javascript:void(null);" title="" class="delete-media gradient-btn">Xóa</a>
                    </div>
            </li>                      
        </ul>
        <ul class="box-nav">
            <li><a href="#" title="" class="prev">Trước</a></li>
            <li><a href="#" title="" class="active">1</a></li>
            <li><a href="#" title="" class="num">2</a></li>
            <li><a href="#" title="" class="num">3</a></li>
            <li><a href="#" title="" class="num">4</a></li>
            <li><a href="#" title="" class="num">..</a></li>
            <li><a href="#" title="" class="next">Tiếp</a></li>
        </ul>
        <div class="bulk-actions">           
            <asp:Button ID="btnLamMoi" runat="server" Text="Làm mới" />
            <asp:Button ID="btnXoa" runat="server" Text="Xóa" />
        </div> 
    </div><!-- END ".box-content" -->                                 
</div><!-- END ".box" -->